<template>
	<view id="appbw">
		<!-- 我的团队 -->
		<view class="weTeam topBg df aic">
			<!-- 行 -->
			<view class="rows mt90 plr40 pb40">
				<!-- 左 -->
				<view class="col">
					<view class="title f32">我的团队</view>
					<view class="num f70 b">{{list.length}}人</view>
				</view>
			</view>
		</view>

		<!-- 团队列表 -->
		<view class="wrap plr30">
			<!-- 行 -->
			<view class="rows ais ptb30 bdb1sE" v-for="(item,index) in list" :key="index">
				<view class="avatar wh90">
					<image :src="item.avatar ? item.avatar : '/static/no.png'" mode="aspectFill"></image>
				</view>
				<view class="col df dfc dfsb f1 ml30">
					<view class="userName c333 f30">{{item.nickname}}</view>
					<view class="time c999 f28">注册时间：{{item.createtime}}</view>
				</view>
			</view>
		</view>

	</view>
</template>
<script>
	// 定义全局变量that
	var that;
	export default {
		// 页面变量
		data() {
			return {
				// 团队
				list: [],
			}
		},

		// 页面加载完成后
		onLoad() {
			that = this;

			// 获取下级人员
			that.team();
		},

		// 方法集
		methods: {
			// 获取下级人员
			team() {
				// 请求接口 
				that.request({
					url: '/api/user/team',
					// 调用成功
					success(rs) {
						// 返回成功
						if (rs.code == 1) {
							// 赋值下级人员
							that.list = rs.data;
						} else {
							//弹窗提示用户
							that.alert(rs.msg);
						}
					}
				})
			},

			// 分享
			toShare() {
				// 跳转页面
				uni.navigateTo({
					url: '/pages/mine/top/share',
				})
			},

			// 分销规则
			toRule() {
				// 跳转页面
				uni.navigateTo({
					url: '/pages/imgTxt?type=3',
				})
			},
		},
	};
</script>
<style>
	/* 我的团队 */
	.weTeam {
		height: 200rpx;
	}
</style>